<template>
    <div>
        <h1>排房</h1>
        <h3>房间信息</h3>

        <table class="table table-bordered">
            <tr>
                <td>房型
                    <input type="text" v-model="query.name">
                </td>
         
            </tr>
            <tr>
                <td>已排<input type="text" value="102" v-model="query.state"></td>
                <td>
                    未排
                </td>
            </tr>
            <hr>
            <input type="radio" value="102" v-model="query.hao">102
            <input type="radio" value="103" v-model="query.hao">103
            <tr>
                <td>
                    <input type="button" value="确认"  @click="add" >
                    <input type="button" value="取消"  @click="qu">
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import { ref,reactive,onMounted } from "vue";
import {useRoute,useRouter} from 'vue-router'
import axios from 'axios'
let router=useRouter();
let data:any=reactive({});
let query=reactive({
    "name": "",
  "hao": 0,
  "bie": "",
  "state": 102,
})
const qu=()=>{
    query.name="";
    query.hao="";
    query.state="";
}
const add=()=>{
    
    alert("排房成功!");
   router.push("/paishow")
}
</script>

<style scoped>

</style>